<!--
 * @Description: 文件描述
 * @Author: 程前
 * @Date: 2024-12-13 15:48:12
 * @LastEditors: 程前
 * @LastEditTime: 2024-12-13 17:42:54
-->
<template>
    <div class="config-panel-container" v-if="loader || sign">
        <Model v-if="moduleType === 'tanke'" />
        <Plotting v-if="moduleType === 'biaohui'" />
        <Sign v-if="moduleType === 'biaoji'" ></Sign>
    </div>
</template>

<script setup lang="ts">
import { onMounted, ref, computed } from "vue";
import { useCesiumGlobalStore } from "@/store/modules/cesiun-global"
import Model from "./Model.vue"
import Plotting from "./Plotting.vue"
import Sign from './sign.vue'

const cesiumGlobalStore = useCesiumGlobalStore()

/**
 * 获取当前模块
 */
const moduleType = computed(() => {
    return cesiumGlobalStore.moduleType
})

/**
 * 获取当前loader
 */
const loader = computed(() => {
    return cesiumGlobalStore.loader
})


const sign = computed(() => {
    console.log(cesiumGlobalStore.sign,'cesiumGlobalStore')
    return cesiumGlobalStore.sign
})
</script>



<style lang="less" scoped>
.config-panel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 60px;
    width: 100%;
    height: 50px;
    color: #fff;
}
</style>
